import React from 'react'
import { Tooltip } from '@/component/index'
import cssStyle from './index.module.css'

class App extends React.Component{
    render(){
        return(
            <div className={ cssStyle.container }>
                <Tooltip title="This is Tooltip" placement="bottom-left">
                    <span>bottom-left</span>
                </Tooltip>
                <Tooltip title="This is Tooltip">
                    <span>bottom-center</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="bottom-right">
                    <span>bottom-right</span>
                </Tooltip>
                <br />
                <br />
                <br />
                <Tooltip title="This is Tooltip" placement="top-left">
                    <span>top-left</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="top-center">
                    <span>top-center</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="top-right">
                    <span>top-right</span>
                </Tooltip>
                <br />
                <br />
                <br />
                <Tooltip title="This is Tooltip" placement="left-top">
                    <span>left-top</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="left-center">
                    <span>left-center</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="left-bottom">
                    <span>left-bottom</span>
                </Tooltip>
                <br />
                <br />
                <br />
                <Tooltip title="This is Tooltip" placement="right-top">
                    <span>right-top</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="right-center">
                    <span>right-center</span>
                </Tooltip>
                <Tooltip title="This is Tooltip" placement="right-bottom">
                    <span>right-bottom</span>
                </Tooltip>
            </div>
        )
    }
}

export default App